<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>饼图</title>
		<script type="text/javascript" src="js/echarts.js" ></script>
	</head>
	<body>
		<div id="sales" style="width: 600px;height: 400px;">
			
		</div>
	<script>
		var myCharts=echarts.init(document.getElementById("sales"));
		var option={
			title:{
				text:'产品销量',
				left:'center'
			},
			tooltip:{
				trigger:'item',
				formatter:'{a}<br/>{b}:{c}({d}%)'
			},
			legend:{
				orient:"vertical",
//				horizontal
				left:"left",
				data:['鼠标','键盘','U盘','主板'],
			},
			series:[
			{
				name:'所受商品',
				type:'pie',
				radius:['50%','80%'],
				data:[
				{value:300,name:'鼠标'},
				{value:480,name:'键盘'},
				{value:500,name:'U盘'},
				{value:40,name:'主板'}
				]
			}]
		};
		myCharts.setOption(option);
		
	</script>
	</body>
</html>
